@charset "utf-8";


///*****************************颜色********************************/

///*
// * 颜色设置函数：
// * 1. 参数 $opacity (透明度)
// * 2. 返回 十六进制 或者 rgba 颜色代码
// * */

//主题颜色
@function themeColor($opacity: 1) {
    @return rgba(227, 48, 48, $opacity);
}

//灰色
@function gray($opacity: 1) {
    @return rgba(51, 51, 51, $opacity);
}

//浅灰色
@function lightgray($opacity: 1) {
    @return rgba(153, 153, 153, $opacity);
}


///*****************************适配********************************/

$fontSize: 20px;        //基础字体大小
//$designWidth: 640px;  //设计图宽度
$designHeight: 1136px;  //设计图高度
//$basisWidth: 320px;   //基础宽度
$basisHeight: 568px;    //基础高度


///*************仅以高度适配*************/

//设置根元素字体大小，即“基准”，返回值是px
@function setRootByHeight($height) {
    @return $fontSize*($height/$basisHeight);
}

//设置元素相对“基准”的倍数，返回值是rem
@function setLengthByHeight($height) {
    @return $height/$designHeight*$basisHeight/$fontSize*1rem;
}


///*************仅以宽度适配*************/

//设置根元素字体大小，即“基准”，返回值是px
//@function setRootByWidth($width) {
//  @return $fontSize*($width/$basisWidth);
//}

//设置元素相对“基准”的倍数，返回值是rem
//@function setLengthByWidth($width) {
//  @return $width/$designWidth*$basisWidth/$fontSize*1rem;
//}


///*****************************触摸高亮********************************/

@mixin highLight {
    -webkit-tap-highlight-color: lightgray(0.3);
}

